<template>
    <view style="height: 100%">
        <view class="pay_success">
            <image class="icon" src="http://oos-cn.ctyunapi.cn/front-end/static/marketingImg/marketing/images/pay-success.png"></image>
            <view class="title">支付成功</view>
        </view>

        <view class="pay-btn-wrap">
            <view class="pay-btn flex-row-center" @tap="back">返回</view>
        </view>
    </view>
</template>

<script lang="ts">
// marketing/pages/member/pay_success/pay_success.ts
export default {
    data() {
        return {};
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad() {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {
        back() {
            // let pages = getCurrentPages();
            // let length = pages.length;
            // uni.setStorageSync('isPaySuccess', 1);
            // if (pages[length - 3]?.route == pages[length - 4]?.route) {
            //     uni.navigateBack({
            //         delta: 3
            //     });
            // } else {
            //     uni.navigateBack({
            //         delta: 2
            //     });
            // }

            uni.switchTab({
                url: '/pages/index/index'
            });
        }
    }
}
</script>
<style lang="less" scoped>
	@import "../../../../commin/flex.less";
page {
    background-color: #f5f7fa;
    padding-bottom: 100rpx;
}
.pay_success {
    text-align: center;
    padding-top: 100rpx;
}
.pay_success .icon {
    width: 320rpx;
    height: 321rpx;
    margin-bottom: 40rpx;
}
.pay_success .title {
    font-size: 34rpx;
    font-weight: bold;
    color: #303133;
}
.pay-btn-wrap {
    height: 168rpx;
    width: 100%;
    background-color: #f5f7fa;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 40rpx 32rpx;
    box-sizing: border-box;
}
.pay-btn-wrap .pay-btn {
    height: 88rpx;
    background: linear-gradient(105deg, #268ae8, #1487fa);
    box-shadow: 0px 3rpx 6rpx 0rpx rgba(0, 110, 212, 0.3);
    border-radius: 44rpx;
    font-size: 30rpx;
    font-weight: bold;
    color: #ffffff;
}
</style>
